<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="backHandle($event)">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            生日客户{{dataTotal}}
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content class="client-list-content-container"
             (ionScroll)="scrolling()"
             (ionScrollStart)="scrollStart($event)" (ionScrollEnd)="scrollEnd($event)">
    <ion-refresher (ionRefresh)="doRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <!--<ion-fab top class="option-fixed">-->
        <!--<button ion-fab class="option-wrapper-button">-->
            <!---->
        <!--</button>-->
    <!--</ion-fab>-->

    <client-list-option ion-fixed (itemChanged)="itemChangeHandle($event)"></client-list-option>

    <div *ngIf="(!clientsData || clientsData.length === 0) && isLoaded" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>
    <ion-list [virtualScroll]="clientsData" class="client-birth" [approxItemHeight]="clientItemHeight">

        <client-list-item [item]="item" *virtualItem="let item" (callNumber)="callClickHandle($event)" [isShowIp]="true">
            <div class="item policy">
                保单数&nbsp;&nbsp;<span class="v">{{item.totalPolicy?item.totalPolicy:0}}</span>
            </div>
            <div class="item annual-fee annually-premiums">
                年缴保费&nbsp;&nbsp;<span class="v">{{item.premium | numberTrans}}</span>
            </div>
        </client-list-item>

    </ion-list>
    <div class="is-arrival-bottom" [ngClass]="{'bottom':isArriveBottom}">
        到底了
    </div>

    <!--<ion-infinite-scroll class="tool-bottom" (ionInfinite)="getMore($event)">-->
        <!--<ion-infinite-scroll-content loadingText="加载中..."></ion-infinite-scroll-content>-->
    <!--</ion-infinite-scroll>-->

    <ion-fab bottom right class="go-up">
        <button ion-fab (click)="goUp()" color="light">
            <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
        </button>
    </ion-fab>
    <ion-select #selectMobile interface="action-sheet" cancelText="取消">
        <ion-option (ionSelect)="nativeCallPhone(num.mobile)" *ngFor="let num of currentMobileList index as index">
            {{num.mobile}}
        </ion-option>
    </ion-select>
    <ion-fab class="fab-bottom-shadow-list">
        <button ion-fab style="display: none"></button>
    </ion-fab>
</ion-content>
